<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>河南大学计算机与信息工程学院</title>
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <meta content="" name="keywords">
  <meta content="" name="description">

  <!-- Favicon -->
  <link rel="shortcut icon " type="images/x-icon" href="img/icon.ico">

  <!-- Google Fonts -->
  <!-- <link href="https://fonts.googleapis.com/css?family=Raleway:400,500,700|Roboto:400,900" rel="stylesheet"> -->

  <!-- Bootstrap CSS File -->
  <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Libraries CSS Files -->
  <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">

  <!-- Main Stylesheet File -->
  <link href="css/style.css" rel="stylesheet">
  <link href="css/foot.css" rel="stylesheet">
  <link href="css/index.css" rel="stylesheet">
</head>

<body>
  <!-- Page Content
    ================================================== -->
  <!-- CS -->

  <section class="CS">
    <div class="back">
      <img class="cover" src="img/cover.gif" alt="">
      <img class="cover-after" src="img/cover-after.png" alt="">
    </div>
    <div class="container text-center">
      <div class="row">
        <div class="col-md-12">
          <a class="CS-brand" href="http://www.henu.edu.cn/" title="河南大学" target="_blank"><img alt="河南大学" src="img/logo.png"></a>
        </div>
      </div>

      <div class="col-md-12">
        <h1>
            河南大学计算机与信息工程学院
          </h1>

        <p class="tagline">
          School of Computer and Information Engineering
        </p>
        <a class="btn btn-full" href="#welcome">点击了解更多</a>
        <p class="count-num"><i class="fa fa-spinner fa-spin"></i></p>
      </div>

      <!-- <div class="lead-to-panoramic-up">
          <div class="arrow-right"></div>
          <p class="lead-to-panoramic-up-p">点击查看全景图</p>
      </div> -->
    </div>
  </section>
  <!-- /CS -->

  <!-- Header -->
  <header id="header">
    <div class="container">

      <div id="logo" class="pull-left">
        <a href="index.html"><img src="img/logo-nav.png
          " alt="" title="" /></a>
      </div>

      <nav id="nav-menu-container">
        <ul class="nav-menu">
          <li><a href="#welcome">首页</a></li>
          <li class="menu-has-children">
            <a href="#">学院概况</a>
            <ul>
              <li><a href="#">学院简介</a></li>
              <li><a href="#">现任领导</a></li>
              <li><a href="#">机构设置</a></li>
              <li><a href="#">院务公开</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="#picture">党务工作</a>
            <ul>
              <li><a href="#">组织建设</a></li>
              <li><a href="#">工作动态</a></li>
              <li><a href="#">理论学习</a></li>
              <li><a href="#">相关下载</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="#">群团组织</a>
            <ul>
              <li><a href="#">团委工作</a></li>
              <li><a href="#">工会工作</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="">师资队伍</a>
            <ul>
              <li><a href="#">队伍简介</a></li>
              <li><a href="#">教师名录</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="#">教学工作</a>
            <ul>
              <li><a href="#">本科生教育</a></li>
              <li><a href="#">成人教育</a></li>
              <li><a href="#">教学资源</a></li>
              <li><a href="#">创新项目实践</a></li>
              <li><a href="#">相关文件</a></li>
              <li><a href="#">下载中心</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="#">研究生教育</a>
            <ul>
              <li><a href="#">培养计划</a></li>
              <li><a href="#">日常管理</a></li>
              <li><a href="#">规章制度</a></li>
              <li><a href="#">导师信息</a></li>
              <li><a href="#">下载中心</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="#">科学研究</a>
            <ul>
              <li><a href="#">科研机构</a></li>
              <li><a href="#">科研成果</a></li>
              <li><a href="#">学术交流</a></li>
              <li><a href="#">重点团队</a></li>
              <li><a href="#">下载中心</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="#">学生工作</a>
            <ul>
              <li><a href="#">规章制度</a></li>
              <li><a href="#">心理健康</a></li>
              <li><a href="#">助学贷款</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="#">招生就业</a>
            <ul>
              <li><a href="#">本科生</a></li>
              <li><a href="#">研究生</a></li>
              <li><a href="#">成人教育</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="#">信息平台</a>
            <ul>
              <li><a href="#">信息平台</a></li>
            </ul>
          </li>
        </ul>
      </nav>
    </div>
  </header>
  <!-- #header -->

  <!-- welcome -->
  <div class="welcome text-center" id="welcome">
    <div class="wel-title"><a href="">计算机与信息工程学院</a></div>
    <div class="wel-text text-left">
      <p>学院拥有软件工程博士学位授权一级学科，遥感信息科学与技术博士学位授权二级学科，计算机科学与技术、软件工程、控制科学与工程3个硕士学位授权一级学科，计算机科学与技术、软件工程、网络工程、数据科学与大数据技术、信息安全、自动化6个本科专业。计算机科学与技术为省级重点一级学科和省级特色专业，控制科学与工程为省级重点一级学科。学院拥有河南省空间信息处理工程实验室、河南省车联网协同技术国际联合实验室、河南省大数据分析与处理重点实验室、河南省智能技术与应用工程技术研究中心等4个省级科技创新平台。与环境规划学院共同建设河南省时空大数据应用技术研究院。设有数据与知识工程研究所、图像处理与模式识别研究所和先进控制与智能信息处理研究所等学校重点研究机构。</p>
      <span class="wel-detail"><a href="" title="点击了解更多内容">详情>></a></span>
    </div>
  </div>
  <!-- //welcome -->
 
  <a href=""><img class="xiaoyuanmanbu" src="img/xymb.png" alt=""></a>
  <!-- news -->
  <div id="newsAnnounce" class="text-center">
    <div class="na-title">
      <a href="">学院动态</a>
    </div>
    <ul class="na-all-ul list-inline">
      <li class="news">
        <div class="na-title-small">
          <a href="">最新新闻</a>
        </div>
        <ul class="na-ul">
          <li>
            <p class="na-left"><i class="fa fa-terminal text-primary"></i>&nbsp;<a href="www.baidu.com" title="计算机与信息工程学院欢迎您">计算机与信息工程</a></p>
            <p class="na-right" title="2019-02-11">2019-02-11</p>
          </li>
          <li>
            <p class="na-left"><i class="fa fa-terminal text-primary"></i>&nbsp;<a href="www.baidu.com" title="计算机与信息工程学院欢迎您">计算机与信息工程学院欢迎您</a></p>
            <p class="na-right" title="2019-02-11">2019-02-11</p>
          </li>
          <li>
            <p class="na-left"><i class="fa fa-terminal text-primary"></i>&nbsp;<a href="www.baidu.com" title="计算机与信息工程学院欢迎您">计算机与信息工程学院欢迎您</a></p>
            <p class="na-right" title="2019-02-11">2019-02-11</p>
          </li>
          <li>
            <p class="na-left"><i class="fa fa-terminal text-primary"></i>&nbsp;<a href="www.baidu.com" title="计算机与信息工程学院欢迎您">计算机与信息工程学院欢迎您</a></p>
            <p class="na-right" title="2019-02-11">2019-02-11</p>
          </li>
          <li>
            <p class="na-left"><i class="fa fa-terminal text-primary"></i>&nbsp;<a href="www.baidu.com" title="计算机与信息工程学院欢迎您">计算机与信息工程学院欢迎您</a></p>
            <p class="na-right" title="2019-02-11">2019-02-11</p>
          </li>
          <li>
            <p class="na-left"><i class="fa fa-terminal text-primary"></i>&nbsp;<a href="www.baidu.com" title="计算机与信息工程学院欢迎您">计算机与信息工程学院欢迎您</a></p>
            <p class="na-right" title="2019-02-11">2019-02-11</p>
          </li>
        </ul>
        <div class="na-more text-right"><a href="">更多>></a>&nbsp;&nbsp;</div>
      </li>
      <li class="announce">
        <div class="na-title-small">
          <a href="">通知公告</a>
        </div>
        <ul class="na-ul">
          <li>
            <p class="na-left"><i class="fa fa-bell text-warning"></i>&nbsp;<a href="www.baidu.com" title="计算机与信息工程学院欢迎您">计算机与信息工程学院欢迎您</a></p>
            <p class="na-right" title="2019-02-11">2019-02-11</p>
          </li>
          <li>
            <p class="na-left"><i class="fa fa-bell text-warning"></i>&nbsp;<a href="www.baidu.com" title="计算机与信息工程学院欢迎您">计算机与信息工程学院欢迎您</a></p>
            <p class="na-right" title="2019-02-11">2019-02-11</p>
          </li>
          <li>
            <p class="na-left"><i class="fa fa-bell text-warning"></i>&nbsp;<a href="www.baidu.com" title="计算机与信息工程学院欢迎您">计算机与信息工程学院欢迎您</a></p>
            <p class="na-right" title="2019-02-11">2019-02-11</p>
          </li>
          <li>
            <p class="na-left"><i class="fa fa-bell text-warning"></i>&nbsp;<a href="www.baidu.com" title="计算机与信息工程学院欢迎您">计算机与信息工程学院欢迎您</a></p>
            <p class="na-right" title="2019-02-11">2019-02-11</p>
          </li>
          <li>
            <p class="na-left"><i class="fa fa-bell text-warning"></i>&nbsp;<a href="www.baidu.com" title="计算机与信息工程学院欢迎您">计算机与信息工程学院欢迎您</a></p>
            <p class="na-right" title="2019-02-11">2019-02-11</p>
          </li>
          <li>
            <p class="na-left"><i class="fa fa-bell text-warning"></i>&nbsp;<a href="www.baidu.com" title="计算机与信息工程学院欢迎您">计算机与信息工程学院欢迎您</a></p>
            <p class="na-right" title="2019-02-11">2019-02-11</p>
          </li>
        </ul>
        <div class="na-more text-right"><a href="">更多>></a>&nbsp;&nbsp;</div>
      </li>
    </ul>
  </div>
  <!-- //news -->

  <div class="clearfix"></div>
  
  <!-- Parallax -->

 <!--  <div class="block bg-primary block-pd-lg block-bg-overlay text-center" data-bg-img="img/parallax-bg.jpg" data-settings='{"stellar-background-ratio": 0.2}' data-toggle="parallax-bg"> -->
  <!-- <div class="block bg-primary block-pd-lg block-bg-overlay text-center" style="background: url('img/quanjingtu_front_450x79.gif');"
		data-paroller-factor = "0.9"
		data-paroller-factor-xs = "0.2"
		data-paroller-factor-sm = "0.3"
		data-paroller-type = "background"
    data-paroller-direction = "vertical"> -->
    
  <div class="block bg-primary block-pd-lg block-bg-overlay text-center" style="background: url('img/quanjingtu_front_900x200.gif');background-size:100%">

    <div class="lead-to-panoramc" title="Click here to see the panorama.">
      <div class="the-arrow-right"></div>
      <div class="the-arrow-left"></div>
      <p class="lead-to-panoramic-p">点击查看全景图</p>
    </div>

    <img class="block-img" alt="动态背景" class="gadgets-img" src="img/quanjingtu_front.gif">
    <p class="block-p">
      <span>河南大学计算机与信息工程学院512人机交互与虚拟现实实验室制作维护</span>
    </p>
  </div>
  <!-- /Parallax -->

  
  <!-- picture -->

  <section class="picture" id="picture">
    <div class="container text-center">
      <h2>
          校园风光
        </h2>

      <p>
        
      </p>
    </div>

    <div class="picture-grid">
      <div class="row">
        <div class="col-lg-3 col-sm-6 col-xs-12">
          <div class="card card-block">
            <a href="javascript:;"><img alt="" src="img/porf-1.jpg">
              <div class="picture-over">
                <div>
                  <h3 class="card-title">
                    校园风光
                  </h3>

                  <p class="card-text">
                    校园风景如画
                  </p>
                </div>
              </div></a>
          </div>
        </div>

        <div class="col-lg-3 col-sm-6 col-xs-12">
          <div class="card card-block">
            <a href="javascript:;"><img alt="" src="img/porf-2.jpg">
              <div class="picture-over">
                <div>
                  <h3 class="card-title">
                    校园风光
                  </h3>

                  <p class="card-text">
                    校园风景如画
                  </p>
                </div>
              </div></a>
          </div>
        </div>

        <div class="col-lg-3 col-sm-6 col-xs-12">
          <div class="card card-block">
            <a href="javascript:;"><img alt="" src="img/porf-3.jpg">
              <div class="picture-over">
                <div>
                  <h3 class="card-title">
                    校园风光
                  </h3>

                  <p class="card-text">
                    校园风景如画
                  </p>
                </div>
              </div></a>
          </div>
        </div>

        <div class="col-lg-3 col-sm-6 col-xs-12">
          <div class="card card-block">
            <a href="javascript:;"><img alt="" src="img/porf-4.jpg">
              <div class="picture-over">
                <div>
                  <h3 class="card-title">
                    校园风光
                  </h3>

                  <p class="card-text">
                    校园风景如画
                  </p>
                </div>
              </div></a>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="col-lg-3 col-sm-6 col-xs-12">
          <div class="card card-block">
            <a href="javascript:;"><img alt="" src="img/porf-5.jpg">
              <div class="picture-over">
                <div>
                  <h3 class="card-title">
                    校园风光
                  </h3>

                  <p class="card-text">
                    校园风景如画
                  </p>
                </div>
              </div></a>
          </div>
        </div>

        <div class="col-lg-3 col-sm-6 col-xs-12">
          <div class="card card-block">
            <a href="javascript:;"><img alt="" src="img/porf-6.jpg">
              <div class="picture-over">
                <div>
                  <h3 class="card-title">
                    校园风光
                  </h3>

                  <p class="card-text">
                    校园风景如画
                  </p>
                </div>
              </div></a>
          </div>
        </div>

        <div class="col-lg-3 col-sm-6 col-xs-12">
          <div class="card card-block">
            <a href="javascript:;"><img alt="" src="img/porf-7.jpg">
              <div class="picture-over">
                <div>
                  <h3 class="card-title">
                    校园风光
                  </h3>

                  <p class="card-text">
                    校园风景如画
                  </p>
                </div>
              </div></a>
          </div>
        </div>

        <div class="col-lg-3 col-sm-6 col-xs-12">
          <div class="card card-block">
            <a href="javascript:;"><img alt="" src="img/porf-8.jpg">
              <div class="picture-over">
                <div>
                  <h3 class="card-title">
                    校园风光
                  </h3>

                  <p class="card-text">
                    校园风景如画
                  </p>
                </div>
              </div></a>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- /picture -->
  <!-- links -->

  <section class="links" id="links">
    <div class="container">
      <h2 class="text-center">
          友情链接
      </h2>

      <div class="row text-center">
        <div class="col-sm-3 col-xs-6">
          <div class="card card-block text-center">
            <a href="http://cs.henu.edu.cn/login/denglu">
              <img alt="" class="links-img" src="img/links-1.png">
              <div class="card-title-wrap">
                <span class="card-title">教师办公系统</span> <span class="card-text">Teacher office system</span>
              </div>

              <div class="links-over">
                <h4 class="hidden-md-down">
                  点击进入
                </h4>

                <nav class="enter-icon">
                  <i class="fa fa-send"></i>
                </nav>
              </div>
            </a>
          </div>
        </div>

        <div class="col-sm-3 col-xs-6">
          <div class="card card-block text-center">
            <a href="http://jsjyyh.henu.edu.cn/">
              <img alt="" class="links-img" src="img/links-2.png">
              <div class="card-title-wrap">
                <span class="card-title">校友信息平台</span> <span class="card-text">Alumni information platform</span>
              </div>

              <div class="links-over">
                <h4 class="hidden-md-down">
                  点击进入
                </h4>

                <nav class="enter-icon">
                  <i class="fa fa-send"></i>
                </nav>
              </div>
            </a>
          </div>
        </div>

        <div class="col-sm-3 col-xs-6">
          <div class="card card-block text-center">
            <a href="http://172.31.2.214:8080/">
              <img alt="" class="links-img" src="img/links-3.png">
              <div class="card-title-wrap">
                <span class="card-title">学生考勤管理系统</span> <span class="card-text">Student Attendance Management System</span>
              </div>

              <div class="links-over">
                <h4 class="hidden-md-down">
                  点击进入
                </h4>

                <nav class="enter-icon">
                  <i class="fa fa-send"></i>
                </nav>
              </div>
            </a>
          </div>
        </div>

        <div class="col-sm-3 col-xs-6">
          <div class="card card-block text-center">
            <a href="http://172.31.2.56/paper/">
              <img alt="" class="links-img" src="img/links-4.png">
              <div class="card-title-wrap">
                <span class="card-title">毕业设计管理系统</span> <span class="card-text">Graduation design management system</span>
              </div>

              <div class="links-over">
                <h4 class="hidden-md-down">
                  点击进入
                </h4>

                <nav class="enter-icon">
                  <i class="fa fa-send"></i>
                </nav>
              </div>
            </a>
          </div>
        </div>

        <div class="col-sm-3 col-xs-6">
          <div class="card card-block text-center">
            <a href="http://172.31.2.56/paper/">
              <img alt="" class="links-img" src="img/qnzs.png">
              <div class="card-title-wrap">
                <span class="card-title">青年之声</span> <span class="card-text">Your Voices & Our Responsibilities</span>
              </div>

              <div class="links-over">
                <h4 czlass="hidden-md-down">
                  点击进入
                </h4>

                <nav class="enter-icon">
                  <i class="fa fa-send"></i>
                </nav>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- /links -->
  

  <footer class="site-footer">
    <div class="bottom">
      <div class="container">
        <div class="row">

          <div class="copyright col-lg-6 col-xs-12 text-lg-left text-center">
            <p>【<a href="http://cs.henu.edu.cn/" target="_blank" title="河南大学计算机与信息工程学院">河南大学计算机与信息工程学院</a>】</p>
            <p><i class="fa fa-map-marker fa-fw"></i>&nbsp;地址：中国 河南 开封/金明大道&nbsp;|&nbsp;邮编：475001/475004</p>
            <p class="copyright-text"><i class="fa fa-copyright fa-fw"></i>&nbsp;版权所有：河南大学计算机与信息工程学院
            </p>
            <p><i class="fa fa-support fa-fw"></i>&nbsp;<a href="http://www.107lab.com/" target="_blank" title="河南大学计算机与信息工程学院107网站工作室">河南大学计算机与信息工程学院107网站工作室</a>制作维护</p>
          </div>

          <div class="weixin col-lg-3 col-xs-12 text-lg-center text-center">
            <p><i class="fa fa-weixin fa-fw"></i>&nbsp;官方微信：hndsjsxy</p>
            <img src="img/weixin.jpg" alt="官方微信：hndxjsjxy" title="河南大学计算机与信息工程学院官方微信">
          </div>
          <div class="panoramic-QR col-lg-3 col-xs-12 text-lg-center text-center">
            <p><i class="fa fa-location-arrow fa-fw"></i>&nbsp;扫码查看学院全景图</p>
            <img src="img/panoramic.jpg" alt="扫码查看学院全景图" title="河南大学计算机与信息工程学院全景图">
          </div>
        </div>
        <div class="lead-to-panoramic-down col-lg-3 col-xs-12 text-lg-center text-center"  title="Click here to see the panorama.">
          <p class="lead-to-panoramic-up-p">点击查看全景图</p>
          <div class="arrow-down"></div>
        </div>
      </div>
    </div>
  </footer>



  <div id="panoramic">
          <!-- <iframe src="https://720yun.com/t/067jrzevvO3" frameborder="no"></iframe> -->
  </div>

  <div class="english"><a href="http://cs.henu.edu.cn/en/" target="_blank" title="Click here to enter the official website of English"><p>En</p></a></div>
  <a class="scrolltop" href="#"><span class="fa fa-angle-up"></span></a>


  <!-- Required JavaScript Libraries -->
  <script src="lib/jquery/jquery-3.3.1.min.js"></script>
  <script src="lib/jquery/jquery-migrate.min.js"></script>
  <script src="lib/superfish/hoverIntent.js"></script>
  <script src="lib/superfish/superfish.min.js"></script>
  <script src="lib/tether/js/tether.min.js"></script>
  <script src="lib/stellar/stellar.min.js"></script>
  <script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="lib/counterup/counterup.min.js"></script>
  <script src="lib/waypoints/waypoints.min.js"></script>
  <script src="lib/easing/easing.js"></script>
  <script src="lib/stickyjs/sticky.js"></script>
  <!-- <script src="lib/parallax/parallax.js"></script> -->
  <script src="lib/parallax_scroll/jquery.paroller.min.js"></script>
  <script src="lib/lockfixed/lockfixed.min.js"></script>

  <!-- Template Specisifc Custom Javascript File -->
  <script src="js/custom.js"></script>
  <script type="text/javascript" src="js/index.js"></script>
  <script type="text/javascript" src="js/head_foot.js"></script>


</body>
</html>
